<template>
	<view class="">
		<view class="u-error-bg plr-20 ptb-30 u-flex u-flex-items-center u-flex-between">
			<view class="ml-20 lh-40 u-success-light u-flex">
				<view class="">储值卡金额</view>
				<view class="">
					<text class="fsize-36">{{Amount}}</text>
					<text class="fsize-18">元</text>
				</view>
			</view>
			<!-- <view>
				<u-button text="立即充值" type="warning" size="small"/>
			</view> -->
		</view>
			<view id="cell-list">
				<u-list :height="cellHeight" @scrolltolower="onScrollToLower" lowerThreshold="100">
					<u-list-item v-for="(im, ix) in cellList" :key="im.FBillNo">
						<u-cell
							:title="im.FCaption"
							:label="im.FRemark"
							center
							customStyle="customstyle">
							<view slot="icon" class="t-icon t-icon-chongzhi" />
							<view slot="value">
								<view class="u-text-align-right">{{im.FAmount}}</view>
								<view class="u-text-align-right fsize-24 mt-10">{{im.FDate}}</view>
							</view>
						</u-cell>
					</u-list-item>
					<u-loadmore :status="loadMoreStatus" />
				</u-list>
			</view>
	</view>
</template>

<script>
	import getCellData from "@/mixins/scrollMixins.js"
	import getCellHeight from "@/mixins/setCellHeight.js"
	export default {
		mixins:[ getCellHeight, getCellData],
		data(){
			return {
				type: 0,
				data_type: 1,
				loadUrl: '/RptRechargeRecord'
			}
		},
		onLoad(){
			this.getData(this.loadUrl,this.pageIndex, this.pageSize, this.type, this.data_type)
		},
		methods:{
			
		}
	}
</script>

<style scoped lang="scss">
	
</style>